<template>
  <div class="page-warp-view f" style="padding-top: 0;">
    <div class="vm-index-container" ref="warpper">
      <div class="content">
        <vm-index-banner></vm-index-banner>
        <h5 class="vm-index-title">智慧供应链协同智能制造云服务平台</h5>
        <vm-index-nav-item></vm-index-nav-item>
        <vm-index-content></vm-index-content>
      </div>
    </div>
    <vm-common-footer></vm-common-footer>
  </div>
</template>

<script>
import vmCommonHeader from '@/components/vm-common-header' // header 组件
import vmCommonFooter from '@/components/vm-common-footer' // footer 组件
import vmIndexBanner from '@/components/index/vm-index-banner' // banner 组件
import vmIndexNavItem from '@/components/index/vm-index-nav-item' // nav-item 组件
import vmIndexContentInfo from '@/components/index/vm-index-content' // content-info 组件
export default {
    data () {
      return {}
    },
    components: {
        'vm-index-banner': vmIndexBanner,
        'vm-index-nav-item': vmIndexNavItem,
        'vm-index-content': vmIndexContentInfo,
        'vm-common-header': vmCommonHeader,
        'vm-common-footer': vmCommonFooter
    },
    created () {},
    beforeRouteEnter (to, from, next) {
      next();
      if (from.path == '/login') {
        window.location.reload();
      }
    },
    mounted () {},
    beforeDestroy () {
      this.$root.Bus.$off();
    }

}
</script>

<style lang="scss" scoped>
.vm-index-container {
  height: 100%;
  overflow: scroll;
}
  .vm-index-title {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    margin: 20px 0;
    font-size: 34px;
    color: #333333;
    font-weight: bold;
    &::before {
      content: '';
      display: inline-block;
      background: url("../../static/images/vmNew_Spirit.png");
      background-size: 329px 309px;
      background-position: -231px -57px;
      width: 81px;
      height: 16px;
      margin-right: 10px;
    }
    &::after {
      content: '';
      display: inline-block;
      background: url("../../static/images/vmNew_Spirit.png");
      background-size: 329px 309px;
      background-position: -225px -75px;
      width: 81px;
      height: 16px;
      margin-left: 10px;
    }
  }
</style>




